@font-face {
     font-family: "NotoSansHans-Bold";
     src: url("NotoSansHans-Bold.woff2") format("woff2"),
          url("NotoSansHans-Bold.woff") format("woff"),
          url("NotoSansHans-Bold.ttf") format("truetype"),
          url("NotoSansHans-Bold.eot") format("embedded-opentype"),
          url("NotoSansHans-Bold.svg") format("svg");
     font-weight: 700;
     font-style: normal;
   }

@font-face {
     font-family: "NotoSansHans-Light";
     src: url("NotoSansHans-Light.woff2") format("woff2"),
          url("NotoSansHans-Light.woff") format("woff"),
          url("NotoSansHans-Light.ttf") format("truetype"),
          url("NotoSansHans-Light.eot") format("embedded-opentype"),
          url("NotoSansHans-Light.svg") format("svg");
     font-weight: 300;
     font-style: normal;
   }


@font-face {
     font-family: "NotoSansHans-Medium";
     src: url("NotoSansHans-Medium.woff2") format("woff2"),
          url("NotoSansHans-Medium.woff") format("woff"),
          url("NotoSansHans-Medium.ttf") format("truetype"),
          url("NotoSansHans-Medium.eot") format("embedded-opentype"),
          url("NotoSansHans-Medium.svg") format("svg");
     font-weight: normal;
     font-style: normal;
   }



@font-face {
     font-family: "NotoSansHans-Regular";
     src: url("NotoSansHans-Regular.woff2") format("woff2"),
          url("NotoSansHans-Regular.woff") format("woff"),
          url("NotoSansHans-Regular.ttf") format("truetype"),
          url("NotoSansHans-Regular.eot") format("embedded-opentype"),
          url("NotoSansHans-Regular.svg") format("svg");
     font-weight: 400;
     font-style: normal;
   }